<!DOCTYPE html>
<html>
<head>
    <script type='text/javascript' src="../js/jquery-1.11.0.min.js"></script>
    <script type='text/javascript' src="../js/alphabet.js"></script>
</head>
<body>
    <canvas id="myCanvas" height = "350" width = "1100">
    <script type='text/javascript' src="../js/bubbles.js"></script>
    <script type = "text/javascript" defer>
        var red = [0, 100, 63];
        var orange = [40, 100, 60];
        var green = [75, 100, 40];
        var blue = [196, 77, 55];
        var purple = [280, 50, 60];
                
        var headline = "Reetsee News";
        letterColors = [red, orange, green, blue, purple];
        bubbleShape = "circle";
        drawName(headline, letterColors);
        bounceBubbles();
    </script>
    </canvas>
</body>
</html>